import React from 'react';
import { Link } from 'react-router-dom';

import logo from '@/assets/logo.svg';

import styles from './UserLayout.module.less';

const UserLayout: React.FC = (props) => {
  return (
    <div className={styles.container}>
      <div className={styles.content}>
        <div className={styles.top}>
          <div className={styles.header}>
            <Link to="/">
              <img alt="logo" className={styles.logo} src={logo} />
              <span className={styles.title}>行知</span>
            </Link>
          </div>
          <div className={styles.desc}>躬身实践 真行真知</div>
        </div>
        {props.children}
      </div>
    </div>
  );
};

export default UserLayout;
